/* The body boxes enabling to display a message over all
the page content, masking this content. It is used to
confirm an action, provide information, warn the user
or notifying him that a long action is being done.
A single box can exist in a page. */

#bodyInfoBox {
	position: absolute;
	display: none;
	z-index: 10000;
	margin: 0;
	padding: 0;
	left:0;
	width:100%;
}

#bodyInfoBox div.boxCnt {
	width: 400px;
	height: 165px;
}

#bodyInfoBox div.boxCnt p.boxMsg {
	padding-left: 100px;
	background-position: 15px 20px;
	background-repeat: no-repeat;
	height: 109px;
	margin-top: 10px;
}

#bodyInfoBox table {
	height: 100%;
	width: 100%;
}

#bodyInfoBox td {
	vertical-align: middle;
}

/* The different types of the body boxes */
.infoBodyBox div.boxCnt p.boxMsg {
	background-image: url('../../img/info.jpg');
}

.waitingBodyBox div.boxCnt p.boxMsg {
	background-image: url('../../img/info.jpg');
}

.confirmBodyBox div.boxCnt p.boxMsg {
	background-image: url('../../img/confirm.jpg');
}

.warningBodyBox div.boxCnt p.boxMsg {
	background-image: url('../../img/alert.jpg');
}